<template>
  <div id="aside" :style="{height: widowsHeight}">
    <ul>
      <li v-for="(person, index) in menus" :key="index"> {{index}}-{{ person.name }} </li>
    </ul>
  </div>
</template>

<script>
import {getViewportSize} from '@/utils/common'
export default {
  name: 'Aside',
  data(){
    return{
      msg: '456',
      widowsHeight: 0,
      menus: [1,2,3,4,5,6,7,8,9]
    }
  },
  mounted() {
    console.log("++++",getViewportSize().height)
    this.widowsHeight = getViewportSize().height
  }
}
</script>

<style scoped>

</style>